<html>
<head>

<script type="text/javascript" src="resource/js/jquery-1.12.4.js"></script>
<script type="text/javascript" src="resource/js/jquery-ui.js"></script>
<link href="resource/css/bootstrap-combined.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="resource/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
	<div class="row-fluid">

		<div id="modal-container-562452" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">
					标题栏
				</h3>
			</div>
			<div class="modal-body">
				<p>
					所属系统：
				</p>
				<select id="system" name="system">
					<option value="OA" >OA</option>
					<option value="PORTAL" >新门户</option>
					<option value="NEWUAMS" >新用户</option>

				</select>
				<p>
					任务类型：
				</p>
				<select id="type" name="type">
					<option value="pro" >生产问题</option>
					<option value="test" >测试问题</option>
					<option value="designer" >需求设计</option>
					<option value="" >需求评估</option>
					<option value="" >其他</option>

				</select>
				<p>
					任务概要：
				</p>
					<input id="title" name="title" type="text" />
				<p>
					任务描述：
				</p>
					<textarea id="desc" name="desc" ></textarea>
			</div>
			<div class="modal-footer">
				<button class="btn btn-primary" onclick='$(".close",$(this).parent().siblings("div.modal-header")).click();'>保存</button>
			</div>
		</div>


		<div class="span12">
			<ul class="nav nav-tabs">
				<li class="active">
					<a href="#">日常任务</a>
				</li>
				<li>
					<a href="#">资料</a>
				</li>
				<li class="disabled">
					<a href="#">信息</a>
				</li>
				<li class="dropdown pull-right">
					 <a href="#" data-toggle="dropdown" class="dropdown-toggle">下拉<strong class="caret"></strong></a>
					<ul class="dropdown-menu">
						<li>
							<a href="#">操作</a>
						</li>
						<li>
							<a href="#">设置栏目</a>
						</li>
						<li>
							<a href="#">更多设置</a>
						</li>
						<li class="divider">
						</li>
						<li>
							<a href="#">分割线</a>
						</li>
					</ul>
				</li>
			</ul>
			<div class="span12">
				<form class="form-search">
					<input class="input-medium search-query" type="text" />
					<button type="submit" class="btn">查找</button>
					<a type="submit" class="btn" href="#modal-container-562452" data-toggle="modal">新建任务</a>
				</form>
			</div>
			<table class="table">
				<thead>
					<tr>
						<th>
							编号
						</th>
						<th>
							产品
						</th>
						<th>
							交付时间
						</th>
						<th>
							状态
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							1
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							01/04/2012
						</td>
						<td>
							Default
						</td>
					</tr>
					<tr class="success">
						<td>
							1
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							01/04/2012
						</td>
						<td>
							Approved
						</td>
					</tr>
					<tr class="error">
						<td>
							2
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							02/04/2012
						</td>
						<td>
							Declined
						</td>
					</tr>
					<tr class="warning">
						<td>
							3
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							03/04/2012
						</td>
						<td>
							Pending
						</td>
					</tr>
					<tr class="info">
						<td>
							4
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							04/04/2012
						</td>
						<td>
							Call in to confirm
						</td>
					</tr>
				</tbody>
			</table>
			<div class="pagination pagination-centered">
				<ul>
					<li>
						<a href="#">上一页</a>
					</li>
					<li>
						<a href="#">1</a>
					</li>
					<li>
						<a href="#">2</a>
					</li>
					<li>
						<a href="#">3</a>
					</li>
					<li>
						<a href="#">4</a>
					</li>
					<li>
						<a href="#">5</a>
					</li>
					<li>
						<a href="#">下一页</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
</body>
</html>